Адаптивная HTML/CSS-вёрстка промо-страницы и баннера по макету Figma (Бюджет: 15 000 руб, для всех)

Необходимо сверстать промо-страницу и отдельный баннер по готовому макету в Figma.

Страница будет размещена на существующем сайте. Общие шапка и подвал уже реализованы, требуется сверстать только содержимое промо-страницы и баннер.

Что необходимо сделать:

— изучить готовый макет в Figma;
— сверстать страницу на HTML/CSS;
— реализовать адаптивное отображение для компьютеров, планшетов и мобильных устройств;
— экспортировать из Figma необходимые изображения и SVG-иконки;
— сверстать отдельный баннер по макету;
— добавить состояния наведения для кнопок и ссылок;
— проверить отображение в Chrome, Firefox, Safari и Edge;
— не допускать горизонтальной прокрутки и наложения элементов на промежуточных разрешениях.

Требования к коду:

— чистая и понятная HTML/CSS-вёрстка;
— основные блоки должны быть реализованы через Flexbox или CSS Grid;
— не использовать абсолютное позиционирование для построения основной структуры страницы;
— не использовать конструкторы сайтов;
— не использовать автоматический экспорт Figma в HTML без ручной доработки;
— не подключать новый CSS-фреймворк;
— классы страницы оформить с отдельным префиксом, чтобы стили не конфликтовали с существующим сайтом;
— изображения подготовить в SVG, WebP или другом подходящем современном формате;
— у изображений должны быть корректно указаны размеры.

Сайт работает на Ruby on Rails, но глубокого знания Rails не требуется. Существующий HTML страницы и используемые CSS-классы предоставлю. Результат можно передать в виде обновлённого шаблона страницы, CSS и папки с изображениями.

В отклике прошу указать:

Стоимость работы.
Срок выполнения.
Примеры адаптивной вёрстки по макетам Figma.
Делаете ли вы вёрстку самостоятельно или используете автоматические генераторы.
Сколько раундов небольших правок входит в стоимость.